page-schedule-add {
    $manulife-color:#07a963;
    $gray-color:#e9e9e9;
    $default-border:0.35vw solid $gray-color!important;
    $label-text-size:4.44vw;
    @function computed-vw($px) {
        @return $px/1080*100vw;
    }
    ion-content{
        ion-list{
            ion-item{
                border:0!important;
                height:15.74vw;
                .note {
                    font-size: computed-vw(54);
                    color: #333;
                    margin: 0;
                    height:100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    .text-input-ios{
                        margin: 0;
                    }
                }
                .list-item-icon {
                    width: 4.6vw;
                    height: 4.6vw;
                    background-size:cover;
                    background-repeat: no-repeat;
                    display: inline-block;
                }
                .list-item-icon.reaptIcon{
                    width:4vw;
                    height:4vw;
                }
                .item-inner{
                    padding: 0 5.556vw 0 5.556vw!important;
                    .label.value {
                        color: #1f212a;
                        text-align: right;
                        margin-right: computed-vw(50);
                        .grayResult{
                            color: #939598;
                            font-size: 3.89vw;
                        }
                    }
                    .item-cover{
                        padding:0;
                        z-index: 2;
                    }
                }
                ion-icon[name="arrow"]{
                    margin: 0!important;
                    width: computed-vw(45);
                    height: computed-vw(45);
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-image: url("../assets/images/schedule/schedule-add/icon_right.png");
                    transform: rotate(90deg);
                    position: absolute;
                    z-index: 1;
                    right:computed-vw(60);
                    top:50%;
                    margin-top: computed-vw(-22.5)!important;
                }
                ion-icon{
                    img{
                        display: block;
                        height:100%;
                    }
                }
            }

            .remark-word-panel{
                position: relative;
                ion-textarea.wordTip{
                    width: 100%;
                    min-height: 9vw;
                    border:0;
                    resize:none;
                    font-size: 4vw;
                    color: #333;
                    margin: 2vw 0 0 0;
                    text-align: left;
                    padding-bottom: 5vw;
                    pointer-events:auto!important;
                    textarea{
                        width:100%;
                        margin:0;
                        color:#939598;
                        font-size: computed-vw(45);
                    }
                }
                .item-ios.remarkItem{
                    height:auto!important;
                }
                .remarkItem  .item-inner{
                    border: 0!important;
                    .label-ios{
                        margin:0;
                    }
                }
                .inputTip{
                    color:#999;
                    font-size: 2.8vw;
                    text-align: right;
                    position: absolute;
                    bottom:0;
                    right: 0;
                    width:30vw;
                    padding:0 computed-vw(70) 2vw 3vw;
                }
                .inputTip.active{
                    color:#e66660;
                }
            }
            .titleItem{
                height: computed-vw(171);
                .text-input-ios{
                    font-size: $label-text-size;
                }
            }
            ion-item.aloneItem{
                ion-input{
                    padding-left: 3vw;
                }
                .item-inner{
                    border:0!important;
                }
                .voiceTip{
                    span{
                        color:#999;
                        font-size: computed-vw(45);
                    }
                    span.ready{
                        color:#939598;
                    }
                }
            }
            ion-item.voiceItem{
                height: auto!important;
                .voiceTip{
                    span{
                        color:#999;
                        font-size: computed-vw(45);
                    }
                    span.ready{
                        color:#939598;
                    }
                }
                .label-ios{
                    margin:0;
                    line-height: 15.83333vw !important;
                }
            }
            .voice-result{
                height:computed-vw(171)!important;
            }
            .system{
                width:100%;
                margin:0;
                padding:0;
                padding-left: 5.556vw;
                color: #999;
                font-size: 4.44vw;
                height:auto;
                padding-right: 5.556vw;
                //word-break: break-all;
                a{
                    color:$manulife-color;
                    text-decoration:underline
                }
            }
            .item-ios{
                padding:0;
                height: computed-vw(171)!important;
            }
            .detailButton{
                margin:0;
                padding: 0 5.556vw;
                margin-bottom: 20vw;
                button{
                    width:100%;
                    height: computed-vw(96);
                    background-color: #e66660!important;
                    margin:7vw 0 0 0;
                }
            }
        }
        .list{
            ion-icon {
                min-width: 0;
                min-height: 0;
            }
            .label {
                font-size: computed-vw(45);
                color:#333;
            }
            .time-label{
                text-align: right;
                margin-right: 2.22222vw;
                min-width: 60%;
                color: #999!important;
            }
            .select-ios,
            .select-md {
                padding: 0;
                .select-text {
                    display: none;
                    margin-right: computed-vw(24);
                }
                .select-icon {
                    display: none;
                }
            }
            .datetime-ios,
            .datetime-md {
                padding: 0;
                .datetime-text {
                    text-align: right;
                    padding-right: computed-vw(50);
                    min-width: 30px;
                    color:#999;
                }
                .datetime-icon {
                    display: none;
                }
            }
        }
        .list.sys{
            .datetime-disabled,.item-datetime-disabled ion-label{
                opacity: 1!important;
            }
            .label{
                color:#333;
                //opacity: .9;
            }
            input{
                color:#333;
                //opacity: .9;
            }
            .system{
                //opacity: .9;
            }
            ion-icon{
                display: none;
            }
        }
        .fab-bottom-shadow{
            width: 100vw;
            height:0;
            box-shadow: 0 0 15.89vw 12.33vw rgba(0, 0, 0, 0.2);
            bottom: 0;
        }
        ion-item-sliding{
            height: 100%;
            ion-item{
                height: 100%;
                color:#1f212a;
                .label-ios{
                    font-size: 3.88vw;
                }
                span.voiceNote{
                    display: flex;
                    align-items: center;
                    justify-content: space-around;
                    background:url("../assets/images/client/client-note/icon_notes.png") no-repeat;
                    color:#fff;
                    width:25vw;
                    height:7.78vw;
                    background-size: contain;
                    img{
                        width:5vw;
                        height:5vw;
                    }
                    img.loading{
                        display: none;
                        animation: circle 2s linear infinite;
                    }
                    @keyframes circle {
                        from{
                            transform:rotateZ(0deg);
                        }
                        to{
                            transform:rotateZ(360deg);
                        }
                    }
                    i{
                        font-style:normal;
                    }
                }
            }
            ion-item.download{
                span.voiceNote{
                    img.normal{
                        display: none;
                    }
                    img.loading{
                        display: inline-block;
                    }
                }
            }
            ion-item-options{
                border:0!important;
                .button-ios{
                    background-color: #e66660!important;
                    padding: 0!important;
                    width:16.67vw;
                    i{
                        width:6.67vw;
                        height:6.67vw;
                        background: url("../assets/images/client/client-note/ic_list_delete.png") no-repeat;
                        background-size: cover;
                    }
                }
            }
        }
        ion-item-sliding.active-slide{
            background-color: #f5f5f5;
            ion-item{
                background-color: #f5f5f5;
            }
        }
    }
    ion-content.forbid{
        .scroll-content{
            overflow-y: hidden;
        }
    }
}
.schedule-add-picker {
    .picker-col:nth-child(2) {
        .picker-opt:after {
            content: '年';
        }
    }
    .picker-col:nth-child(3) {
        .picker-opt:after {
            content: '月';
        }
    }
    .picker-col:nth-child(4) {
        .picker-opt:after {
            content: '日';
        }
    }
    .picker-col:nth-child(5) {
        .picker-opt:after {
            content: '时';
        }
    }
    .picker-col:nth-child(6) {
        .picker-opt:after {
            content: '分';
        }
    }
}
.filter-add-picker {
    .picker-col:nth-child(2) {
        .picker-opt:after {
            content: '年';
        }
    }
    .picker-col:nth-child(3) {
        .picker-opt:after {
            content: '月';
        }
    }
    .picker-col:nth-child(4) {
        .picker-opt:after {
            content: '日';
        }
    }
}
.month-picker{
    .picker-col:nth-child(2) {
        .picker-opt:after {
            content: '月';
        }
    }
}
.picker-ios .picker-col{
    max-width: 50vw!important;
}
